<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>

    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        header {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            height: 100px;
            background-color: #3169bb;
            color: white;
        }
    </style>


</head>
<body>

<header>


    <div style="width: 120px"></div>
    <span style="font-size: 23px">
        {$nickname}的记事本
    </span>

    <div style="display: flex;color: white;align-items: center;width: 120px">

        <div style="display: flex;align-items: center;justify-content: center;flex-direction: column">

            <img style="width: 50px;height: 50px;border-radius:25px" src="{$avatar}" alt="">
            <div style="height: 5px"></div>
            <span style="font-size: 12px">{$nickname}</span>
        </div>

        <form action="home/loginOut" method="post">
            <button style="margin-left: 16px;width: 40px;height: 40px">
                退出
            </button>
        </form>

    </div>

</header>

<script>

    function exitLogin() {
        window.alert('退出登陆');
    }

</script>


</body>
</html>


